草庐IT

java - 调度鼠标事件

全部标签

javascript - 获取鼠标相对于饼图的位置(方程式)

我已经从一组数据创建了一个Canvas饼图,我现在试图定位鼠标相对于饼图的位置,以检测悬停在哪个数据部分。我快到了,但我被一个等式困住了。我的逻辑运行良好,所以我认为这更像是一道数学题,但我会看看其他人对我的方法有何看法。这是我的饼图和我正在使用的变量:图像上列出的变量是我必须使用的变量(mouseX、mouseY、距中心的距离、半径、圆周率(圆周率)和数据点在圆周上相对于圆周率的部分)。图表的起始部分从右边开始,从pi*2的0开始到pi*2的100%,然后灰色部分的起始位置为1.34...相对于pie*2和结束2.228的位置...我目前的主要问题是使用像素测量来计算它相对于pi的位

javascript - 我可以将 jQuery .trigger() 与通过 addEventListener() 添加的事件监听器一起使用吗?

在我的(javascript、jQuery)代码中,我使用两种触发事件的方式jQuery('body').trigger('crazy-trigger-event');jQuery("body").get(0).dispatchEvent(newCustomEvent("crazy-dispatch-event"));在此处的代码段中:http://jsfiddle.net/jts9jhbt/3/我已经使用jQuery.on()和DOM.addEventListener()方法注册了自定义事件。然后我使用jQuery.trigger()和DOM.dispatchEvent()方法触发事

Javascript bootstrap 在鼠标位置打开下拉菜单

我希望我的bootstrap下拉菜单位于鼠标位置。由于某种原因,pageX和pageY是错误的。为了更正位置,我必须从x和y中添加或减去。但是,如果我然后放大或缩小,X和Y又不正确了。我已经尝试了一切。这是其中之一..HTML:MenuLink1Link2脚本functionsetposition(e){varbodyOffsets=document.body.getBoundingClientRect();tempX=e.pageX-bodyOffsets.left;tempY=e.pageY;$("#xxx").css({'top':tempY,'left':tempX});}我需

javascript - 观察一个JS事件,当你只知道事件名称的PART?

我继承了一些触发一堆事件的JS(我无法更改):jQuery(document).trigger('section:'+section);//where"section"changesdynamically我想观察所有这些事件,解析出section的值,并根据它的内容做一些不同的事情。如果它没有改变,我可以这样做:jQuery(document).on('section:top',doStuff);但是,如果我只知道事件名称的第一部分,我该如何观察该事件呢? 最佳答案 不幸的是,您不能以$().on('section:*')的样式监听

javascript - jQuery 和普通 Javascript 中指针事件绑定(bind)的区别

我一直在尝试了解不同的指针事件(触摸、鼠标)是如何在不同的浏览器/不同的设备上触发的。为此,我编写了一个用于测试事件的小网页http://tstr.29pixels.net.几周后,我在http://mozilla.github.io/mozhacks/touch-events/event-listener.html遇到了Mozilla的事件监听器测试页面。,这产生了截然不同的结果(我看到触发的事件在我的原始测试工具中没有显示)。两个网站都使用不同风格的绑定(bind)事件,所以我很想知道,绑定(bind)这些事件的区别在哪里?例如,拿起装有Chrome浏览器的平板电脑/智能手机,然后

javascript - 检测移动浏览器关闭事件

有什么方法可以检测移动浏览器关闭事件吗?我需要在浏览器关闭时强行删除cookie。我已经用window.onbeforeunload和window.unload试过运气,但它们不适用于移动浏览器。在网上搜索了很多,但没有得到任何解决方案。提前致谢 最佳答案 对不起,但使用Javascript是不可能的...您可以阻止关闭选项卡的操作,但在关闭时不做某事...HowtoDetectBrowserWindow/TabCloseEvent? 关于javascript-检测移动浏览器关闭事件,我

javascript - Gulp 在 uglify() 未处理的错误事件上失败

我在执行squish-jquery任务时遇到了问题。当它运行时,它抛出这个错误:Starting'squish-jquery'...events.js:85thrower;//Unhandled'error'event^ErroratnewJS_Parse_Error(/Users/shill7/Documents/socialprojects/social-ops-dashboard-angular/node_modules/gulp-uglify/node_modules/uglify-js/lib/parse.js:196:18)atjs_error(/Users/shill7/

javascript - X-Editable bootstrap 插件 "hidden"动态添加元素的事件问题

我无法让x-editable的“隐藏”事件通过JS处理动态添加的类(或字段)。只有当我直接在HTML上添加可编辑的类时,我才能让它工作,但这种方法不适合我。我做错了什么?$.fn.editable.defaults.mode="inline";$.fn.editable.defaults.onblur="submit";$(document).ready(function(){$('.field').each(function(){$(this).addClass('editable');});$('.editable').editable();});$(document).on('h

javascript - 相对于鼠标定位图像/背景图像

我想知道动画图像(或背景图像)相对于鼠标的位置的有效方法是什么。以Github为例:https://github.com/thispagedoesntexist这是一个非常性感的404页面。我想对我的用户产生影响,我认为这肯定会影响。问题1)如何做到这一点?2)只是CSS?CSS和JS?3)最后,有这样的库吗? 最佳答案 这是使用名为Plax的jQuery插件制作的. 关于javascript-相对于鼠标定位图像/背景图像,我们在StackOverflow上找到一个类似的问题:

javascript - 防止事件冒泡在 jquery 中不起作用

我有这样的DOMcancelsave我在li上附加了一个点击事件,当我点击block2的按钮时,该事件发生了。如何防止这种情况发生?我试过使用on()但它不起作用。$('.btn-wrap').on('click','button:first-child',function(e){e.preventDefault();alert('test');}); 最佳答案 你应该使用stopPropagation防止事件冒泡:$('.btn-wrap').on('click','button:first-child',function(e){